.file-page {
    -fx-background-color: transparent;
    -fx-border-color: -fx-stage-border-color;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
    -fx-effect: dropshadow(three-pass-box, -fx-main-border-color, 1, 1.5, 0, 0)
}

.file-page .stage-pane {
    -fx-background-color: -fx-main-background-color;
}

.file-pane .top-pane {
    -fx-background-color: -fx-main-background-color;
    -fx-border-width: 0px 0px 1px 0px;
    -fx-border-color: -fx-main-border-color;

    -fx-padding: 5px 20px 10px 20px;
    -fx-spacing: 10px;
    -fx-alignment: center;
}

.file-pane .top-pane .custom-text-field {
    -fx-min-width: 500px;
    -fx-background-color: derive(-fx-main-background-color, -10%);
}

.file-pane .top-pane .button {
    -fx-background-color: -fx-main-background-color;
}

.file-pane .top-pane .text-field {
    -fx-background-color: derive(-fx-main-background-color, -8%);
    -fx-border-color: derive(-fx-main-background-color, -10%);
    -fx-border-radius: 1px;
    -fx-padding: 6px;
}

.file-pane .top-pane .button:hover {
    -fx-background-color: derive(-fx-main-background-color, 50%);
}

.file-pane .top-pane .ikonli-font-icon {
    -fx-icon-color: black;
}

.file-pane .nav-pane {
    -fx-min-width: 150px;
    -fx-max-width: 150px;
    -fx-background-color: -fx-main-background-color;
    -fx-border-width: 0px 1px 0px 0px;
    -fx-border-color: -fx-main-border-color;
}

.file-pane .nav-pane .button {
    -fx-padding: 10px 15px 10px 15px;
    -fx-min-width: 150px;
    -fx-max-width: 150px;
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    -fx-alignment: center-left;
}

.file-pane .nav-pane .button:hover {
    -fx-background-color: derive(-fx-main-background-color, -10%);
}

.file-pane .nav-pane .selected {
    -fx-background-color: derive(-fx-main-background-color, -10%);
}

.file-pane .nav-pane .separator-pane {
    -fx-padding: 10px 10px 10px 10px;
    -fx-text-fill: derive(-fx-selection-color, 10%);
}

.file-pane .content-pane {
    -fx-background-color: derive(-fx-main-background-color, 10%);
    /*-fx-padding: 20px;*/
}

.file-pane .content-pane .file-view,
.file-pane .search-result-pane .file-view {
    -fx-padding: 10px;
    -fx-hgap: 5px;
    -fx-vgap: 5px;
    -fx-border-width: 0 0 1px 0;
    -fx-border-color: -fx-main-border-color;
    -fx-cursor: hand;
}

.file-pane .content-pane .file-view>.file-icon,
.file-pane .search-result-pane .file-view>.file-icon {
    -fx-pref-width: 50px;
    -fx-pref-height: 50px;
}

.file-pane .content-pane .file-view>.file-icon> .ikonli-font-icon,
.file-pane .search-result-pane .file-view>.file-icon> .ikonli-font-icon {
    -fx-icon-size: 40px;
}

.file-pane .content-pane .file-view>.file-name,
.file-pane .search-result-pane .file-view>.file-name {
    -fx-font-size: 16px;
    -fx-font-weight: 800;
}

.file-pane .content-pane .file-view>.file-date,
.file-pane .content-pane .file-view>.file-size,
.file-pane .search-result-pane .file-view>.file-date,
.file-pane .search-result-pane .file-view>.file-size{
    -fx-font-size: 12px;
    -fx-font-weight: 400;
}


.file-pane .content-pane .sender-pane {
    -fx-min-width: 140px;
    -fx-padding: 20px 0 20px 10px;
    -fx-background-color: derive(-fx-main-background-color, 40%);
    -fx-border-width: 0 1px 0 0;
    -fx-border-color: derive(-fx-main-border-color, 70%);
    -fx-spacing: 20px;
}

.file-pane .content-pane .sender-file-pane {
    -fx-padding: 20px 0 20px 0;
    -fx-background-color: derive(-fx-main-background-color, 40%);
}

.file-pane .content-pane .sender-pane .sender-item-view {
    -fx-padding: 5px 0 5px 5px;
}

.file-pane .content-pane .sender-pane .sender-item-view:hover {
    -fx-background-color: derive(-fx-main-background-color, 10%);
}

.file-pane .content-pane .session-pane {
    -fx-min-width: 140px;
    -fx-padding: 20px 0 20px 0;
    -fx-background-color: derive(-fx-main-background-color, 40%);
    -fx-border-width: 0 1px 0 0;
    -fx-border-color: derive(-fx-main-border-color, 70%);
}

.file-pane .content-pane .session-file-pane {
    -fx-padding: 20px 0 20px 0;
    -fx-background-color: derive(-fx-main-background-color, 40%);
}

.file-pane .content-pane .session-pane .session-item-view {
    -fx-padding: 5px 0 5px 5px;
}

.file-pane .content-pane .session-pane .session-item-view:hover {
    -fx-background-color: derive(-fx-main-background-color, 10%);
}

.file-pane .content-pane .type-pane {
    -fx-background-color: derive(-fx-main-background-color, 40%);
    -fx-border-width: 0 1px 0 0;
    -fx-border-color: derive(-fx-main-border-color, 70%);
    -fx-spacing: 10px;
    -fx-padding: 20px 0px 20px 0px;
}

.file-pane .content-pane .type-pane .button {
    -fx-min-width: 140px;
    -fx-padding: 5px;
}

.file-pane .content-pane .type-file-pane{
    -fx-padding: 20px 0 20px 0;
    -fx-background-color: derive(-fx-main-background-color, 40%);
}

.file-pane .grid-view .image-item-view {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
    -fx-padding: 5px;
}

.pagination > .pagination-control > .page-information{
    -fx-text-fill:text-color;
}
.pagination > .pagination-control .left-arrow-button,
.pagination > .pagination-control .right-arrow-button,
.pagination > .pagination-control .number-button,
.pagination > .pagination-control .left-arrow-button,
.pagination > .pagination-control .right-arrow-button,
.pagination > .pagination-control .number-button{
    -fx-min-height:28px;
    -fx-min-width:28px;
    -fx-background-color: transparent;
    -fx-border-radius: 3px;
    -fx-background-radius: 3px;
}
.pagination > .pagination-control .number-button:hover,
.pagination > .pagination-control .number-button:hover{
    -fx-cursor:hand;
    -fx-text-fill: primary-color;
}
.pagination > .pagination-control .number-button:selected{
    -fx-background-color: red;
    -fx-text-fill: primary-color;
}
.pagination > .pagination-control .left-arrow-button:hover > .left-arrow,
.pagination > .pagination-control .right-arrow-button:hover > .right-arrow{
    -fx-background-color: primary-color;
}

/*******************************************************************************************************/
.file-popup-pane {
    -fx-background-color: -fx-second-background-color;
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
}

.file-popup-pane .button {
    -fx-min-width: 150px;
    -fx-padding: 10px;
}

.file-popup-pane .button:hover {
    -fx-background-color: derive(-fx-main-background-color, -10%);
}
